page {
  background-color: #f8f8f8;
  .qr-code {
    width: 64vw;
    height: 64vw;

    margin: 78px auto 0;

    background-color: #fff;

    position: relative;

    &__img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);

      width: calc(100% - 20px);
      height: calc(100% - 20px);
    }

    &__delete-btn {
      position: absolute;
      top: 0;
      right: 0;
      transform: translate(50%, -50%);

      width: 27px;
      height: 27px;
    }

    &--empty {
      &__icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

        width: 29.8667vw;
        height: 29.8667vw;
      }
    }
  }
}

.tip {
  margin: 24px auto 0;

  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 14px;
  color: #333;
}
